「BODY」タグにborderのスタイルシートを追加すると、ページ全体を枠で囲って表示させることができます。このテクニックを使用すると、ページ全体を額縁の中に収めたようなデザインも作成できます。とっても簡単なので試してみてください。
ページ全体に枠をつける場合は、「BODY」タグに「border-style:solid」のスタイルシートを追加します。また、枠の太さを「border-width」、枠の色を「border-color」で指定します。これでけの作業で基本的な枠の作成は完成です。なお、この表示結果はブラウザによって異なります。Internet Explorerの場合は、ブラウザのウィンドウサイズで枠が表示されます（スクロールバーは枠内に表示されます）。Netscape Navigatorでは、実際のページのサイズで枠が表示されます（スクロールバーは枠の外に表示されます）。
<BODY style="border-style:solid;
border-width:20px;
border-color:#FF0000">
ページ全体の枠は、「border-style」の値でその形状を変更できます。先ほど指定した、「solid」は最も標準的な枠を指定する値となります。「border-style」には、このほかに以下のような値を指定できます。
inset（立体表示）
outset（立体表示）
groove（立体表示）
ridge（立体表示）
double（二重線）※1
dashed（点線）※1
dotted（正方形の点線）※1
※1：Netscape Navigatorのみ対応
<BODY style="border-style:ridge;
border-width:20px;
border-color:#88FF00">
また、上下左右の枠を個別に指定することも可能です。この場合は、「border」のハイフンの次に「top」（上）、「bottom」（下）、「left」（左）、「right」（右）、といった文字を挿入します。たとえば、上の枠の太さを40ピクセルにする場合は、「border-top-width:40px」と記述します。これは、枠の形状や色についても同様です。
<BODY style="border-top-style:ridge;
border-top-width:40px;
border-top-color:#448800;
border-bottom-style:ridge;
border-bottom-width:40px;
border-bottom-color:#448800">
